<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    var num = 1;
    function demo() {
        // 函数作用域，就近 var 声明提升，输出 undefined
        console.log(num);
        function demoSon() {
            // 函数作用域，没有找到 num，父级找到 num 输出 2
            console.log(num);
            num = 3;
            // 函数作用域，有赋值，输出 3
            console.log(num);
        }
        var num = 2;
        demoSon();
    }
    demo();


</script>

</html>